<template>
  <el-card class="serverHome">
    <el-card class="server-banner"></el-card>
    <el-card class="server-home-body">
      <el-card class="server-menu">
        <div class="server-title">服务</div>
        <el-menu>
          <el-menu-item><router-link to="to">开放信息</router-link></el-menu-item>
          <el-menu-item><router-link to="to">服务项目</router-link></el-menu-item>
          <el-menu-item><router-link to="to">文创商店</router-link></el-menu-item>
          <el-menu-item><router-link to="to">在线客服</router-link></el-menu-item>
        </el-menu>
      </el-card>
      <el-card class="server-body">
        <el-card class="c1">
          <el-card class="info">
            <p>开放信息</p>
            <p>除国定假日外，每周一闭馆，9:00~17:00，16:00后停止入场<br>观众须网络实名制预约参观</p>
            <p class="service-open-info">疫情防控期间每日限流4000人</p>
          </el-card>
          <el-card class="ptc"></el-card>
          <el-card class="serverList">
            <p>服务项目</p>
            <el-menu>
              <el-menu-item><router-link to="to">在线客服</router-link></el-menu-item>
              <el-menu-item><router-link to="to">在线客服</router-link></el-menu-item>
              <el-menu-item><router-link to="to">在线客服</router-link></el-menu-item>
              <el-menu-item><router-link to="to">在线客服</router-link></el-menu-item>
              <el-menu-item><router-link to="to">在线客服</router-link></el-menu-item>
            </el-menu>
          </el-card>
        </el-card>
        <el-card class="c2">
          <el-card class="nav-server">
            <span>导览服务</span>
          </el-card>
          <el-card class="nav-map"></el-card>
        </el-card>
      </el-card>
    </el-card>
  </el-card>
</template>

<script>
export default {
  // eslint-disable-next-line vue/multi-word-component-names
  name: 'ServerHome',
  data () {
    return {

    }
  }
}
</script>

<style lang="less">
@import "serverHome.less";
</style>
